<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="common.css">
    <title>Document</title>
</head>
<body>
    <div id="db-global-nav" class="global-nav">
        <div class="bd">
            <div class="top-nav-info">登录/注册</div>
            <div class="top-nav-doubanapp">
                <a href="#" >下载豆瓣客户端</a>
                <div class="doubanapp-tip">
                    <a href="#" class="tip-link">"豆瓣"
                    <span class="version">6.0</span>
                    "全新发布"
                    </a>
                    <a href="#" id="top-close">*</a>
                </div>
                <div class="top-nav-appintro" id="more-items">
                    <p class="appintro-title">豆瓣</p>
                    <p class="prode">扫码直接下载</p>
                    <div class="download"></div>
                </div>
            </div>
            <div class="global-nav-items">
                <ul>
                <li><a href="">豆瓣</a></li>
                <li><a href="">读书</a></li>
                <li><a href="">电影</a></li>
                <li><a href="">音乐</a></li>
                <li><a href="">同城</a></li>
                <li><a href="">小组</a></li>
                <li><a href="">阅读</a></li>
                <li><a href="">FM</a></li>
                <li><a href="">时间</a></li>
                <li><a href="">豆品</a> </li>
            </ul>
            </div>
        </div>
    </div>
    <div id="db-nav-book" class="nav">
        <div class="nav-wrap">
            <div class="nav-primary">
                <div class="nav-logo">
                    <a href=""></a>
                </div>
                <div class="nav-search">
                    <form action="">
                        <fieldset>
                            <legend>搜索</legend>
                            <label for="inp-query"></label>
                            <div class="inp">
                                <input name="search_text" id="inp-query" name="search-text" size="22" maxlength="60" placeholder="书名，作者，ISBN" value autocomplete="off">
                            </div>
                            <div class="inp-btn">
                                <input type="submit" value="搜索" />
                            </div>
                            <input type="hidden" name="cat" value="1001">
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
        <div class="nav-secondary">
            <div class="nav items">
                <ul>
                    <li><a href="">购书单</a></li>
                    <li><a href="">电子图书</a></li>
                    <li><a href="">豆瓣书店</a></li>
                    <li><a href="">2020年度榜单</a></li>
                    <li><a href="">2020书影音报告</a></li>
                    <li class="book-cart">购物车</li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>